<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">

            <ui:define name="top">
                <center>Usuario</center>
            </ui:define>

            <ui:define name="left">
                left
            </ui:define>

            <ui:define name="right">
                    <h:form>
               
         <h:commandLink action="MenuPrincipal" value="regresar"/> 
                 
           </h:form>
            </ui:define>

            <ui:define name="content">
               <h1>Lista de usuarios</h1>
               <f:view>
                   <h:form>
                       <p:commandButton action="UsuarioCrearEditar" value="Nuevo usuario" actionListener="#{userBean.prepararNuevo}"/>
                       <h1><h:outputText value="Lista de usuarios"/></h1>
                       <p:dataTable value="#{userBean.lista}" var="item">
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Id"/>
                               </f:facet>
                               <h:outputText value="#{item.id}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Nombre"/>
                               </f:facet>
                               <h:outputText value="#{item.nombre}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="ApellidoPaterno"/>
                               </f:facet>
                               <h:outputText value="#{item.apellidoPaterno}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="ApellidoMaterno"/>
                               </f:facet>
                               <h:outputText value="#{item.apellidoMaterno}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Clave"/>
                               </f:facet>
                               <h:outputText value="#{item.clave}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Telefono"/>
                               </f:facet>
                               <h:outputText value="#{item.telefono}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Direccion"/>
                               </f:facet>
                               <h:outputText value="#{item.direccion}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Ciudad"/>
                               </f:facet>
                               <h:outputText value="#{item.ciudad}"/>
                           </p:column>
                           <p:column>
                               <f:facet name="header">
                                   <h:outputText value="Estado"/>
                               </f:facet>
                               <h:outputText value="#{item.estado}"/>
                           </p:column>
                           <p:column>
                           <f:facet name="header">
                                <h:outputText value="Editar"/>
                            </f:facet>
                               <h:panelGrid columns="2">
                                 <p:commandButton action="UsuarioCrearEditar"  value="Editar" actionListener="#{userBean.prepararEditar}" />
                            <p:commandButton action="UsuarioConfirmar"  value="Eliminar" actionListener="#{userBean.prepararEliminar}" />
                        </h:panelGrid>
                           </p:column>
                       </p:dataTable>
                   </h:form>
               </f:view>

            </ui:define>

        </ui:composition>

    </body>
</html>
